<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/table.css">
</head>

<body>
    <div class="divTable">
        <div class="divTableHeading">

            <div class="divTableRow">
                <div class="divTableHead">&nbsp;</div>
                <div class="divTableHead">LOC_BLANK</div>
                <div class="divTableHead">BRANCH_COUNT</div>
                <div class="divTableHead">CALL_PAIRS</div>
                <div class="divTableHead">LOC_CODE_AND_COMMENT</div>
                <div class="divTableHead">LOC_COMMENTS</div>
                <div class="divTableHead">CONDITION_COUNT</div>
                <div class="divTableHead">CYCLOMATIC_COMPLEXITY</div>
                <div class="divTableHead">CYCLOMATIC_DENSITY</div>
                <div class="divTableHead">DECISION_COUNT</div>
                <div class="divTableHead">DESIGN_COMPLEXITY</div>
                <div class="divTableHead">DESIGN_DENSITY</div>
                <div class="divTableHead">EDGE_COUNT</div>
                <div class="divTableHead">ESSENTIAL_COMPLEXITY</div>
                <div class="divTableHead">ESSENTIAL_DENSITY</div>
                <div class="divTableHead">LOC_EXECUTABLE</div>
                <div class="divTableHead">PARAMETER_COUNT</div>
                <div class="divTableHead">GLOBAL_DATA_COMPLEXITY</div>
                <div class="divTableHead">GLOBAL_DATA_DENSITY</div>
                <div class="divTableHead">HALSTEAD_CONTENT</div>
                <div class="divTableHead">HALSTEAD_DIFFICULTY</div>
                <div class="divTableHead">HALSTEAD_EFFORT</div>
                <div class="divTableHead">HALSTEAD_ERROR_EST</div>
                <div class="divTableHead">HALSTEAD_LENGTH</div>
                <div class="divTableHead">HALSTEAD_LEVEL</div>
                <div class="divTableHead">HALSTEAD_PROG_TIME</div>
                <div class="divTableHead">HALSTEAD_VOLUME</div>
                <div class="divTableHead">MAINTENANCE_SEVERITY</div>
                <div class="divTableHead">MODIFIED_CONDITION_COUNT</div>
                <div class="divTableHead">MULTIPLE_CONDITION_COUNT</div>
                <div class="divTableHead">NODE_COUNT</div>
                <div class="divTableHead">NORMALIZED_CYLOMATIC_COMPLEXITY</div>
                <div class="divTableHead">NUM_OPERANDS</div>
                <div class="divTableHead">NUM_OPERATORS</div>
                <div class="divTableHead">NUM_UNIQUE_OPERANDS</div>
                <div class="divTableHead">NUM_UNIQUE_OPERATORS</div>
                <div class="divTableHead">NUMBER_OF_LINES</div>
                <div class="divTableHead">PERCENT_COMMENTS</div>
                <div class="divTableHead">LOC_TOTAL</div>
                <div class="divTableHead">Defective</div>
            </div>
        </div>
        <div class="divTableBody">
            <div class="divTableRow">
                <div class="divTableHead">Valid</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
                <div class="divTableCell">16962</div>
            </div>
            <div class="divTableRow">
                <div class="divTableHead">Missing</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
                <div class="divTableCell">0</div>
            </div>
        </div>
        <div class="divTableFoot"></div>
    </div>
    <script>

        // fetch(``).then(res => res.json()).then(res => {
        //     console.log(res)
        // })

        function replacer(match, offset, string) {
            console.log('match: ', match, 'string: ', string)
            return `split${match.trim()}split`;
        }
        let s = '( 面密度 Ave * ( 外径 - 内径 ) * 长度 ) - 2'

        let reg = /\s?[+\-*/()](?=\s)/g
        let r = s.replace(reg, replacer)
        console.log(Date.now(), r, s.match(reg), r.split('split').filter(it => it).map(it => it.trim()))


        let s2 = '内径 * 长度 -'
        const regexpWords = /\s[+\-*/()]/g
        let r2 = s2.replace(reg, replacer)
        console.log(r2);
    </script>
</body>

</html>